Design update (select) #3

RomanPogorov · 2025-08-20T09:03:56Z

Note

Adds DataTable, PatientTable, FHIRStructureView, ButtonDropdown, SegmentControl, and SplitButton; expands CodeEditor (SQL/YAML), TreeView options, Input prefix/suffix, and CopyIcon UX with stories/exports and new deps.

Components (new):
- DataTable with column resizing/reordering/pinning; data-table.stories.tsx.
- PatientTable demo with configurable columns and actions; stories added.
- FHIRStructureView and story for structured resource trees.
- ButtonDropdown with searchable popover; story added.
- SegmentControl (radio-based segmented switch) and story.
- SplitButton wrapper and story.
Editor:
- CodeEditor: add sql and yaml modes (custom SQL dialect), expanded highlight styles, isReadOnlyTheme prop; updated stories incl. complex HTTP demo.
Tree View:
- Refactor to named exports; add renaming feature, zebra/horizontal lines/chevron toggles; improved item rendering and styles.
UI/UX tweaks:
- Input: prefix support, refined suffix/prefix/invalid styles.
- CopyIcon: tooltip/toast, onCopy, customizable behavior.
- RequestLineEditor: placeholder/autoFocus; custom toast on copy.
- AlertDialogAction: supports variant/danger.
- DropdownMenu: padding tweaks; Tabs: inactive text color.
- New icons (ResourceIcon, BackoneElementIcon, ReferenceIcon, ComplexTypeIcon, TypCodeIcon, UnionIcon); SVG attr fixes.
Exports:
- Re-export new components and toast; expose ui/tree helpers.
Config/Deps:
- Add @codemirror/lang-sql, @codemirror/lang-yaml, @tanstack/react-table, chokidar and lockfile updates.
- Biome: add a11y linter rules.

^{Written by Cursor Bugbot for commit 2cac5cf. This will update automatically on new commits. Configure here.}

packages/react-components/src/components/code-editor/index.tsx

rublag-hs force-pushed the design-update branch 2 times, most recently from f435e5f to c918ae7 Compare August 26, 2025 12:40

rublag-hs reviewed Aug 27, 2025

View reviewed changes

packages/react-components/src/components/code-editor/index.tsx Outdated Show resolved Hide resolved

rublag-hs force-pushed the design-update branch 2 times, most recently from dadec76 to f5fa6e4 Compare September 1, 2025 08:22

rublag-hs force-pushed the design-update branch from 17f9d83 to 9dcdf41 Compare September 11, 2025 08:11